<template>
  <div id="app">
    <div class="big-title">嵌入式自动化测试系统</div>
        <el-row class="tac">
          <el-col :span="0">
            <el-menu
                default-active="1"
                class="menu-list"
            >
              <el-menu-item index="1">
                <el-icon><location /></el-icon>
                <span  ><router-link to="/autotest/productManager">产品管理</router-link></span>
              </el-menu-item>
              <el-menu-item index="2">
                <el-icon><icon-menu /></el-icon>
                <span><router-link to="/autotest/deviceManager">设备管理</router-link></span>
              </el-menu-item>
              <el-menu-item index="3" >
                <el-icon><document /></el-icon>
                <span ><router-link to="/autotest/testItemManager">用例管理</router-link></span>
              </el-menu-item>
              <el-menu-item index="4">
                <el-icon><setting /></el-icon>
                <span ><router-link to="/autotest/testItemAction">执行测试</router-link></span>
              </el-menu-item>
              <el-menu-item index="5">
                <span ><router-link to="/shici" class="el-button el-button-info toshici">诗词</router-link></span>
              </el-menu-item>
              <el-menu-item index="6">
                <span ><router-link to="/debug_yqsl" class="el-button el-button-info ">调试</router-link></span>
              </el-menu-item>
              <el-menu-item index="6">
                <span ><router-link to="/feitian/feitian" class="el-button el-button-info ">飞天</router-link></span>
              </el-menu-item>
            </el-menu>
          </el-col>

          <el-col >

          <router-view></router-view>

          </el-col>

        </el-row>

      <el-footer>
        <div class="page-bottom">
          @2019-2021 jmdvirus.cn ICP证：<el-link href="http://beian.miit.gov.cn/" >皖ICP备19001822号-1</el-link>
        </div>
      </el-footer>
    <div>

    </div>
    <el-divider></el-divider>

  </div>
</template>

<script>
export default {
  data() {
    return {
      "eachData":[]
    }
  },
  methods: {

  },
  mounted() {
    window.addEventListener('hashchange',()=>{
      var currentPath = window.location.hash.slice(1);
      console.log("path: ", currentPath);
      if (this.$router.path !== currentPath) {
        this.$router.push(currentPath);
      }
    }, false)
  }
}
</script>

<style>
#app {
  font-family: Helvetica, sans-serif;
  /*text-align: center;*/
}
.toshici {
  background-color: #66b1ff;
  color:black;
}
#app a {
}
.page-bottom {
  margin-top: 2em;
  font-size: 90%;
  color: gray;
  text-align: center;
}
.big-title {
  text-align: left;
  vertical-align: center;
  padding: 0.5em;
  background-color: #2f9686;
  font-size: 200%;
  color: #f3f5f8;
}
.menu-list {
  background-color: #e0e3e3;
}
a {
  text-decoration: none;
}
</style>
